// 模拟用户余额
let userBalance = 12345.67;
let currentMode = 'default'; // 'default', 'receive', 'touch'
let touchPayActive = false;
let touchPayTimer = null;

// 更新余额显示
function updateBalance() {
  document.getElementById('balance-show').textContent = userBalance.toFixed(2);
}

// 更新状态指示器
function updateStatusIndicator() {
  const indicator = document.getElementById('statusIndicator');
  switch(currentMode) {
    case 'receive':
      indicator.textContent = '收钱状态';
      indicator.style.backgroundColor = '#4CAF50';
      break;
    case 'touch':
      indicator.textContent = '碰一碰状态';
      indicator.style.backgroundColor = '#FF9800';
      break;
    default:
      indicator.textContent = '默认状态';
      indicator.style.backgroundColor = '#1677ff';
  }
}

// 打开收钱功能
function openReceive() {
  currentMode = 'receive';
  updateStatusIndicator();
  
  document.getElementById('receive-section').style.display = 'block';
  document.getElementById('qr-title').textContent = '个人收钱';
  document.getElementById('qr-image').src = 'static/img/shouqian.png'; // 收款二维码图片
  document.getElementById('qr-description').textContent = '扫一扫向我付款';
  document.getElementById('qr-description').style.color = '#4CAF50';
  
  // 隐藏默认支付方式
  document.querySelector('.pay-methods').style.display = 'none';
}

// 生成收款二维码
function generateReceiveQR() {
  const amount = document.getElementById('receive-amount').value;
  const remark = document.getElementById('receive-remark').value || '收款';
  
  if (!amount || parseFloat(amount) <= 0) {
    alert('请输入有效的收款金额');
    return;
  }
  
  // 显示加载状态
  document.getElementById('qr-loading').style.display = 'block';
  
  // 模拟生成二维码的延迟
  setTimeout(() => {
    document.getElementById('qr-loading').style.display = 'none';
    document.getElementById('qr-image').src = 'assets/shouqian.png';
    alert(`已生成 ${amount} 元收款码\n备注: ${remark}`);
  }, 1000);
}

// 打开碰一下功能
function openTouchPay() {
  if (!touchPayActive) {
    currentMode = 'touch';
    updateStatusIndicator();
    
    touchPayActive = true;
    document.getElementById('qr-title').textContent = '碰一碰支付';
    document.getElementById('qr-image').src = 'static/img/pengyipeng.png'; // 碰一碰图片
    document.getElementById('qr-description').textContent = '正在搜索附近设备...';
    document.getElementById('qr-description').style.color = '#FF9800';
    
    // 显示加载状态
    document.getElementById('qr-loading').style.display = 'block';
    
    // 隐藏默认支付方式
    document.querySelector('.pay-methods').style.display = 'none';
    
    // 模拟NFC支付过程
    touchPayTimer = setTimeout(() => {
      document.getElementById('qr-loading').style.display = 'none';
      document.getElementById('qr-description').textContent = '设备已连接，等待支付确认';
      simulateTouchPay();
    }, 2000);
  } else {
    // 如果已经是激活状态，则停止支付
    stopTouchPay();
    resetQRDisplay();
  }
}

// 模拟碰一碰支付
function simulateTouchPay() {
  const amount = (Math.random() * 100 + 1).toFixed(2); // 随机金额
  const confirmPay = confirm(`向商家支付 ¥${amount} 元？`);
  
  if (confirmPay) {
    // 扣除余额
    userBalance -= parseFloat(amount);
    updateBalance();
    document.getElementById('qr-description').textContent = '支付处理中...';
    
    setTimeout(() => {
      alert(`支付成功！已支付 ¥${amount} 元`);
      resetQRDisplay();
    }, 1500);
  } else {
    resetQRDisplay();
  }
}

// 停止碰一碰支付
function stopTouchPay() {
  if (touchPayTimer) {
    clearTimeout(touchPayTimer);
    touchPayTimer = null;
  }
  touchPayActive = false;
  document.getElementById('qr-loading').style.display = 'none';
}

// 重置二维码显示
function resetQRDisplay() {
  currentMode = 'default';
  updateStatusIndicator();
  
  stopTouchPay();
  touchPayActive = false;
  
  document.getElementById('receive-section').style.display = 'none';
  document.querySelector('.pay-methods').style.display = 'block';
  document.getElementById('qr-title').textContent = '向商家付款';
  document.getElementById('qr-image').src = 'static/img/hh.gif';
  document.getElementById('qr-description').textContent = '每十分钟自动刷新';
  document.getElementById('qr-description').style.color = '';
  document.getElementById('qr-loading').style.display = 'none';
}

// 打开转账功能
function openTransfer() {
  window.location.href = '/transfers';
}

// 打开红包功能
function openRedpack() {
  window.location.href = '/redpack';
}

// 切换支付方式
function selectMethod(method) {
  const methods = document.querySelectorAll('input[name="method"]');
  methods.forEach(item => {
    if (item.id === method) {
      item.checked = true;
    } else {
      item.checked = false;
    }
  });
}

// 处理返回按钮点击
function handleBackButton() {
  if (currentMode !== 'default') {
    // 如果在收钱或碰一下状态，则重置到默认状态
    resetQRDisplay();
  } else {
    // 如果是默认状态，则返回上一页
    window.history.back();
  }
}

// 页面加载时更新余额显示
window.onload = function () {
  updateBalance();
  updateStatusIndicator();
  
  // 绑定返回按钮事件
  document.getElementById('backBtn').addEventListener('click', handleBackButton);
  
  // 模拟二维码自动刷新
  setInterval(() => {
    if (currentMode === 'default') {
      console.log('二维码已自动刷新');
    }
  }, 600000); // 每10分钟刷新一次
};